body{
    background-color: #ededed;
}
.nodata{
    width:100%;
}
.nodata-image{
    margin-top:40px;
    width:100%;
    text-align: center;
}
.nodata-image img{
    width:60px;
    height:60px;
}
.nodata-text{
    margin-top:20px;
    width:100%;
    text-align: center;
}
.nodata-text label{
    font-size:14px;
}
.content{
    width:100%;
    /*border: 1px red solid;*/
}
.userinfo{
    width:100%;
    background-color: #4EB365;
    height: 200px;

    background-repeat: no-repeat;
    background-size: 100%;
}
.userinfo-username{
    width:100%;
    height: 140px;
    line-height: 140px;
}
.userinfo-username img{
    margin-bottom:-20px;
    margin-left: 20px;
    width:60px;
    height: 60px;
    border-radius: 60px;
}
.userinfo-username label{
    /*margin-top:40px;*/
    margin-left: 20px;
    font-size: 14px;
    color:white;
}
.userinfo-userdata{
    width:100%;
    height: 60px;
    display: flex;
    justify-content: center;
    background-color: red;
    opacity: 0.8;
}
.userinfo-userdata-item{
    padding-top:10px;
    width:33%;
    height: 60px;
}
.userinfo-userdata-item-data{
    width:100%;
    text-align: center;
}
.userinfo-userdata-item-data label{
    color:white;
    font-size: 14px;
}
.userinfo-userdata-item-image{
    width:100%;
    text-align: center;
}
.userinfo-userdata-item-image img{
    width:40px;
    height: 40px;
}
.content-body{
    width:100%;
    margin-top:10px;
    background-color: white;
}
.content-body-title{
    width:100%;
    height: 40px;
    line-height: 40px;
}
.content-body-title img{
    margin-bottom: -5px;
    margin-left:10px;
    width:20px;
    height: 20px;
}
.content-body-title label{
    margin-left:5px;
    font-size: 14px;
}
.content-body-item{
    width:100%;
    display: flex;
}
.content-body-item-left{
    width:70%;
    height: 40px;
    line-height: 40px;

}
.content-body-item-left label{
    margin-left: 20px;
    font-size: 14px;
}
.content-body-item-right{
    width:30%;
    height: 40px;
    line-height: 40px;
    text-align: right;
}
.content-body-item-right img{
    margin-right: 20px;
    width: 14px;
    height: 14px;
    margin-bottom:-3px;
}
.order{
    margin-top:10px;
    background-color: white;
    width:90%;
    margin-left: 5%;
    border-radius: 5px;

}
.order-title{
    width:100%;
    height: 40px;
    line-height: 40px;
}
.order-title  label{
    margin-left: 20px;
    font-size: 14px;
}
.order-body{
    width:100%;
    display: flex;
    justify-content: center;
}
.order-body-item{
    margin-top:20px;
    margin-bottom: 20px;
    width:25%;
    height: 60px;
}
.order-body-item-image{
    width:100%;
    height: 40px;
    text-align: center;
}
.order-body-item-image img{
    width:32px;
    height: 32px;
}
.order-body-item-text{
    width:100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
}
.order-body-item-text label{
    font-size: 14px;
}

.order-list{
    width:100%;
    margin-top:5px;
    /*background-color: white;*/
    padding-bottom: 30px;
}
.order-list-item{
    border-top:  1px #eeeeee solid;
    margin-top:2px;
    width:100%;
    background-color: white;

}
.order-list-item-status{
    width:100%;
    height: 40px;
    line-height: 40px;
}
.order-list-item-status label{
    font-size: 14px;
}
.order-list-item-status img{
    margin-left:10px;
    width:20px;
    height: 20px;
    margin-bottom: -3px;
    border-radius: 20px;
}
.order-list-item-goods{
    width:100%;
    display: flex;
    padding-bottom:20px;
}
.order-list-item-goods-image{
    padding-top:20px;
    width:25%;
}
.order-list-item-goods-image img{
    margin-left:10px;
    width:60px;
    height: 60px;
}
.order-list-item-goods-title{
    padding-top:20px;
    width:40%;
    padding-left:20px;
}
.order-list-item-goods-title label{
    /*margin-left: 20px;*/
    font-size: 14px;
}
.order-list-item-goods-price{
    color:red;
    padding-top:20px;
    width:30%;
}
.order-list-item-goods-price label{
    font-size: 14px;
}
.order-list-item-btns{
    width:100%;
    height: 40px;
    line-height: 40px;
    display: flex;
}
.order-list-item-btns-btn{
    margin-left: 20px;
    height: 25px;
    line-height: 25px;
    width:85px;
    background-color: white;
    border:1px #cccccc solid;
    border-radius: 5px;
    text-align: center;
}
.order-list-item-btns-btn label{
    font-size:14px;

}
.order-list-item-time{
    width:100%;
    height: 25px;
    line-height: 25px;
}
.order-list-item-time label{
    margin-left:10px;
    font-size: 12px;
    color:#cccccc;
}
.quickask{
    width:100%;
    margin-top:10px;
    background-color: white;
    padding-bottom: 120px;
}
.quickask-title{
    width:100%;
    height: 40px;
    line-height: 40px;
}
.quickask-title img{
    margin-bottom: -5px;
    margin-left:10px;
    width:20px;
    height: 20px;
}
.quickask-title label{
    margin-left:5px;
    font-size: 14px;
}
.nodata{
    width:100%;
}
.nodata label{
    font-size:14px;
    margin-left:20px;
}

.btns{
    width:100%;
    background-color: white;
    padding-top:10px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: flex;
    /*padding-bottom: 80px;*/
}
.btns-OneButton{
    width:100%;

}
.btns-OneButton-btn{
    width:50%;
    margin-left: 25%;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    background-color: #fcb332;
    color:white;
    font-size: 14px;
}
.btns-left{
    width:50%;

}
.btns-left-btn{
    width:50%;
    margin-left: 25%;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    background-color: #fcb332;
    color:white;
    font-size: 14px;
}
.btns-right{
    width:50%;

}
.btns-right-btn{
    width:50%;
    margin-left: 25%;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    background-color: #fcb332;
    color:white;
    font-size: 14px;
}